DHTML JavaScript Tree samples

Initialize object on page

You can place this JavaScript tree menu anywhere on your web page, attaching the tree to any object.
Set up tree parameters to determine the look of the tree. Specify whether the tree items will be loaded dynamically from XML. dhtmlxTree uses AJAX for fast and flexible data loading.

 

<div id="treeboxbox_tree" style="width:200;height:200"></div> <script> tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0); tree.setImagePath("../imgs/"); tree.loadXML("tree.xml") </script> Parameters passed to the constructor are:
  • object to attach tree to (should be loaded before calling constructor)
  • width of the tree
  • height of the tree
  • identifier of level parent to tree root level

  • Specify Additional parameters of the tree:
  • setImagePath(url) - method specifies the path to the folder with tree icons
  • loadXML("tree.xml") - load tree items from XML


  • Go to the dhtmlxTree main page or Close this page